<?php
/**
 * The Header for our theme
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>
<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8) ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->

<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="wp-content/themes/website1/js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="wp-content/themes/website1/js/default.js"></script>

<script type="text/javascript"
	src="wp-content/themes/website1/js/picshow.js"></script>
<script type="text/javascript"
	src="wp-content/themes/website1/js/slide.js"></script>

<link href="wp-content/themes/website1/lib/jquery.bxslider.css" rel="stylesheet" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"
	type="text/css" media="screen" />

<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width">
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
<!--[if lt IE 9]>
	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
	<![endif]-->
	<?php wp_head(); ?>
	
	
</head>
<body>
	<div class="main-page">
		<div class="page-header">
			<div class="header-logo">
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
					<img
						src="<?php echo get_template_directory_uri() ?>/images/logo.png"
						width="265" height="112" alt="">
				</a>
			</div>
			<?php
			$btnBackground1 = "tab_selected";
			$btnBackground2 = "tab_unselected";
			$btnBackground3 = "tab_unselected";
			$btnBackground4 = "tab_unselected";
			
			if (is_home ()) {
				$btnBackground1 = "tab_selected";
			} else {
				$btnBackground1 = "tab_unselected";
			}
			
			if (is_page ( 'myaccount' )) {
				$btnBackground2 = "tab_selected";
			} else {
				$btnBackground2 = "tab_unselected";
			}
			
			if (is_page ( 'cart' )) {
				$btnBackground3 = "tab_selected";
			} else {
				$btnBackground3 = "tab_unselected";
			}
			if (is_page ( 'contact' )) {
				$btnBackground4 = "tab_selected";
			} else {
				$btnBackground4 = "tab_unselected";
			}
			
			?>
			
			<div class="tab-navigation">
				<button id="btn-tab-1"
					class="button-tab <?php echo $btnBackground1; ?>" type="button"
					onclick=window.location.href='<?php echo home_url(); ?>'>Home</button>
				<button id="btn-tab-2"
					class="button-tab <?php echo $btnBackground2; ?>" type="button"
					onclick=window.location.href='<?php echo bloginfo("wpurl"); ?>/myaccount/'>Account</button>
				<button id="btn-tab-3"
					class="button-tab <?php echo $btnBackground3; ?>" type="button"
					onclick=window.location.href='<?php echo bloginfo("wpurl"); ?>/cart/'>Cart</button>
				<button id="btn-tab-4"
					class="button-tab <?php echo $btnBackground4; ?>" type="button"
					onclick=window.location.href='<?php echo bloginfo("wpurl"); ?>/contact/'>Contact</button>
			</div>
		</div>

		<div class="main-content">
			<div class="search-bar">
				<div class="search-box">
					<!--?php get_search_form(); ?-->
					<form method="get" id="searchform"
						action="<?php bloginfo('home'); ?>">
						<input name="s" id="s" type="text" class="search-input"
							value="PISEN POWER" />
						<input class="search-submit" type="submit" value="GO" />
					</form>
				</div>
				<div class="normal-text">
					<h2 id="current-position-text">
						<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="Home">Home</a>
					</h2>
				</div>
			</div>